<template>
    <div :style="style" class="plus-button" @click="onClick">
        <el-icon :size="20">
            <Plus />
        </el-icon>
    </div>
</template>
<script setup lang="ts">
import { Plus } from '@element-plus/icons-vue'
const props = defineProps({
    style: {
        type: Object,
        defaul: {
            width: '45px',
            height: '45px'
        }
    },
    disabled: {
        type: Boolean,
        default: false
    }
})
const emit = defineEmits(['click'])
const onClick = () => {
    emit('click')
}
</script>
<style scoped lang="scss">
.plus-button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--el-border-color);
    border-radius: 5px;
    height: 45px;
    width: 45px;
}
</style>